<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary JavaScript plugins) -->
<script type='text/javascript' src="js/jquery-1.11.1.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Medical_Equipment Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- start menu -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script src="js/menu_jquery.js"></script>
<script src="js/simpleCart.min.js"> </script>
<script src="js/responsiveslides.min.js"></script>
<script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
	
  </script>
<script type="text/javascript" src="js/move-top.js"></script>
       <script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
		<script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
</head>
<body>
<!-- header -->
<div class="header_bg">
<div class="container">
	<div class="header">
	<div class="head-t">
		<div class="logo">
			<a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""/> </a>
		</div>
		<!-- start header_right -->
		<div class="header_right">
			<div class="rgt-bottom">
				<li><a href="index.html">Home</a></li>
				<li><a href="contact.html">Contact</a></li>
				<li><a href="contact.html">Sitemap</a></li>
				<li a="" href="#">
					<div class="drop-down">
							<select class="d-arrow">
								<option value="Eng">Eng</option>
								<option value="Fren">Fren</option>
								<option value="Russ">Russ</option>
								<option value="Chin">Chin</option>
							</select>
					</div>
				</li>
				<li a="" href="#">
					<div class="drop-down">
							<select class="d-arrow">
								<option value="$">$</option>
								<option value="€">€</option>
							</select>
					</div>
				</li>				
			<div class="clearfix"> </div>
		</div>
		<div class="se-ca">
			<div class="search">
				<form>
					<input type="text" value="" placeholder="search...">
					<input type="submit" value="">
				</form>
			</div>
			<div class="cart box_1">
					<a href="checkout.html">
						<h3>CART <span class="simpleCart_total"> ($0.00) </span>  <img src="images/bag.png" alt=""></h3>
					</a>	
					<p><a href="javascript:;" class="simpleCart_empty">(empty card)</a></p>
					<div class="clearfix"> </div>
				</div>
			<div class="clearfix"> </div>
		</div>
		</div>
			<div class="clearfix"> </div>
	</div>	
	
		<!-- start header menu -->
		<div class="header-top">
			<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="index.html">Home </a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Products <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="products.html">Action</a></li>
            <li><a href="products.html">Another action</a></li>
            <li><a href="products.html">Something else here</a></li>
          </ul>
        </li>
		 <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Sale <span class="caret"></span></a>
            <ul class="dropdown-menu">
            <li><a href="sale.html">Action</a></li>
            <li><a href="sale.html">Another action</a></li>
            <li><a href="sale.html">Something else here</a></li>
           
          </ul>
        </li>
		<li><a href="about.html">About Us</a></li>
		<li><a href="contact.html">Contact Us</a></li>
      </ul>
      
    
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
		</div>
		<!-- start header menu -->
	</div>
</div>
</div>
<!-- start banner -->
<div class="about">
		<div class="container">
				<h3>About Us</h3>
			<div class="about-top">
				<div class="col-md-3 about-1">
					<img src="images/6.jpg" class="img-responsive" alt="">	
				</div>
				<div class="col-md-3 about-1">
					<img src="images/3.jpg" class="img-responsive" alt="">	
				</div>
				<div class="col-md-3 about-1">
					<img src="images/4.jpg" class="img-responsive" alt="">	
				</div>
				<div class="col-md-3 about-1">
					<img src="images/6.jpg" class="img-responsive" alt="">	
				</div>
				<div class="clearfix"></div>	
			</div>
			<div class="about-top">
				<div class="col-md-3 about-2">
					<h4>Consectetur adipi</h4>
					<p>Lorem ipsum dolor sit amet, consectetur elit.eprehenderit autem quam Nesciunt</p>
				</div>
				<div class="col-md-3 about-2">
					<h4>Quibusdam culpa</h4>
					<p>Lorem reprehenderit autem quam corporis dolorem debitis similique. Nesciunt, aliquam.</p>	
				</div>
				<div class="col-md-3 about-2">
					<h4>Autem quam</h4>
					<p>Veniam, eius, beatae quibusdam culpa saepe id libero. Odit, similique.</p>
				</div>
				<div class="col-md-3 about-2">
					<h4>Culpa saepe</h4>
					<p>Veniam, eius, beatae quibusdam culpa saepe id libero. Odit, veritatis.</p>	
				</div>
				<div class="clearfix"></div>	
			</div>
			<div class="about-top">
				
				<div class="col-md-6 about-3">
					<h4>Autem quam</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, eius, beatae quibusdam culpa saepe id libero. Odit, veritatis, quasi sint impedit reprehenderit autem quam corporis dolorem debitis similique. Nesciunt, aliquam.</p>
				</div>
				<div class="col-md-6 about-3">
					<h4>Culpa saepe</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, eius, beatae quibusdam culpa saepe id libero. Odit, veritatis, quasi sint impedit reprehenderit autem quam corporis dolorem debitis similique. Nesciunt, aliquam.</p>	
				</div>
				<div class="clearfix"></div>	
			</div>
			<div class="col-md-12 shop-4">
				<h4>Culpa saepe</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, eius, beatae quibusdam culpa saepe id libero. Odit, veritatis, quasi sint impedit reprehenderit autem quam corporis dolorem debitis similique. Nesciunt, aliquam.</p>	
				<ul>
						<li><a href="#"><span></span>Littmann  consectetur adipisicing elit</a></li>
						<li><a href="#"><span></span>Iv sitecare  consectetur adipisicing elit</a></li>
						<li><a href="#"><span></span>Compression Bandage  consectetur adipisicing elit</a></li>
						<li><a href="#"><span></span>Wound post of care  consectetur adipisicing elit</a></li>
						<li><a href="#"><span></span>Handhygeine  consectetur adipisicing elit</a></li>
						<li><a href="#"><span></span>Peri Operative  consectetur adipisicing elit</a></li>
					</ul>
			</div>
			</div>
	   </div>
<div class="foot-top">
	<div class="container">
		<div class="col-md-6 s-c">
			<li>
				<div class="fooll">
					<h5>follow us on</h5>
				</div>
			</li>
			<li>
				<div class="social-ic">
					<ul>
						<li><a href="#"><i class="facebok"> </i></a></li>
						<li><a href="#"><i class="twiter"> </i></a></li>
						<li><a href="#"><i class="goog"> </i></a></li>
						<li><a href="#"><i class="inst"> </i></a></li>
							<div class="clearfix"></div>	
					</ul>
				</div>
			</li>
				<div class="clearfix"> </div>
		</div>
		<div class="col-md-6 s-c">
			<div class="stay">
						<div class="stay-left">
							<form>
								<input type="text" placeholder="Enter your email " required="">
							</form>
						</div>
						<div class="btn-1">
							<form>
								<input type="submit" value="join">
							</form>
						</div>
							<div class="clearfix"> </div>
			</div>
		</div>
			<div class="clearfix"> </div>
	</div>
</div>
<div class="footer">
	<div class="container">
		<div class="col-md-3 cust">
			<h4>CUSTOMER CARE</h4>
				<li><a href="#">Help Center</a></li>
				<li><a href="#">FAQ</a></li>
				<li><a href="buy.html">How To Buy</a></li>
				<li><a href="#">Delivery</a></li>
		</div>
		<div class="col-md-3 abt">
			<h4>ABOUT US</h4>
				<li><a href="#">Our Stories</a></li>
				<li><a href="#">Press</a></li>
				<li><a href="#">Career</a></li>
				<li><a href="contact.html">Contact</a></li>
		</div>
		<div class="col-md-3 myac">
			<h4>MY ACCOUNT</h4>
				<li><a href="register.html">Register</a></li>
				<li><a href="#">My Cart</a></li>
				<li><a href="#">Order History</a></li>
				<li><a href="buy.html">Payment</a></li>
		</div>
		<div class="col-md-3 our-st">
				<h4>OUR STORE</h4>
				<li><i class="add"> </i>lorem ipsum</li>
				<li><i class="phone"> </i>1234567890</li>
				<li><a href="mailto:info@example.com"><i class="mail"> </i>info@sitename.com </a></li>
			
		</div>
		<div class="clearfix"> </div>
			<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
	</div>
</div>
<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 0;"></span> <span id="toTopHover" style="opacity: 0;"> </span></a>
</body>
</html>